<include file="public@head_mobile" />


    <style>
        .cont_box{
            width: 100%;
            border-radius: 8px;
            background-color:#f8fafb;
            padding:10px 15px;
        }

        .title{
            font-size: 24px;
            line-height: 50rpx;
            margin:20px 0;
            color: #000;
        }


        .card-body a{
            width: 100%;
            display: block;
            margin-bottom: 10px;
        }
        .card-body .btn{
            width: 150px;
            background-color:#00989b ;
            padding:10px 0;
            text-align: center;
            border-radius: 8px;
            float: right;

        }
        .card-body .code{
            width: 132px;
            height: 132px;
            margin-top: 10px;
            margin-left: 50px;
        }

        @media (max-width: 767.98px) {
            .blog-details-area {
                padding: 60px 0 50px;
                overflow: hidden;
            }

            .banner-bg {
                padding: 52px 0 15px;
            }
        }
    </style>
</head>
<body>
<include file="public@nav_mobile" />
<!--loading-->
<div id="preloader" style="display: none">
    <div id="loader" class="loader">
        <div class="loader-container">
            <div class="loader-icon">
                <img src="__TMPL__/public/static/picture/preloader.png" alt="Preloader" />
            </div>
        </div>
    </div>
</div>
<!--loading -->

<!-- 鼠标特效 -->

<!-- 鼠标特效 -->

<!-- 返回顶部 -->
<button class="scroll-top scroll-to-target" data-target="html">
    <i class="fas fa-angle-up"></i>
</button>
<!-- 返回顶部-->

<!-- 头部-->
<!-- 头部 -->



<!-- main-area -->
<main>

    <!-- blog-details-area -->
    <section class="blog-details-area pt-120 pb-40">
        <div class="container">
            <div class="row justify-content-center">
                <div class="row"  style="display: block;">
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <h5 class="card-title">我的邀请链接</h5>
                                <a href="#" class="card-text">{$domain}</a>
                                <input type="hidden" id="domain" value="{$domain}">
                                <button href="#" class="btn btn-primary" onclick="copyText()">复制链接</button>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card" style="margin-top: 1rem;">
                            <div class="card-body" style="display: flex;">
                                <h5 class="card-title">我的邀请码</h5>
                                <img class="code" src="{:cmf_get_image_url($imageUrl)}" width="100px" height="100px" />
                            </div>
                        </div>
                    </div>
                </div>

                <div class="title">已邀请列表</div>
                <div class="cont_box">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th scope="col">序号</th>
                            <th scope="col">电话</th>
                            <th scope="col">开户状态</th>
                            <th scope="col">时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <foreach name="userList" item="vo">
                            <tr>
                                <th scope="row">{$vo.id}</th>
                                <td>{$vo.mobile}</td>
                                <td> <if condition="$vo.open_status eq 1" > 已开户 <else/> 未开户 </if> </td>
                                <td>{:date('Y-m-d',$vo.published_time)}</td>
                            </tr>
                        </foreach>
                        </tbody>
                    </table>
                    <if condition="count($userList) lt 1" >

                        暂无数据


                    </if>
                </div>


            </div>
        </div>
    </section>
    <!-- blog-details-area-end -->



</main>
<!-- main-area-end -->

<!-- 提示 -->
<div class="toast-container position-fixed bottom-10 end-0 p-3">
    <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="toast-header">
            <img src="__TMPL__/public/static/picture/w_logo.png" class="rounded me-2" alt="..." style="width: 50px;height:20px;">
            <strong class="me-auto">复制成功</strong>
            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
        </div>
        <div class="toast-body">
            链接地址：{$domain}
        </div>
    </div>
</div>



<!-- 底部导航 -->
<div class="footer_box">

    <div class="foot_item ">
        <a href="/">
            <!-- <img src="__TMPL__/public/static/image/foot_icon1.png" /> -->
            <img src="__TMPL__/public/static/image/foot_icon1_active.png" />
            <h3>  {:lang('HOME')}</h3>
        </a>
    </div>


    <div class="foot_item active">
        <a href="/portal/agency/agency.html">
            <img src="__TMPL__/public/static/image/foot_icon2.png" />
            <!-- <img src="__TMPL__/public/static/image/foot_icon1_active.png" /> -->
            <h3>{:lang('Agency Center')}</h3>
        </a>
    </div>


    <div class="foot_item">
        <a href="/{$site_info.site_center|default=''}">
            <img src="__TMPL__/public/static/image/foot_icon3.png" />
            <!-- <img src="__TMPL__/public/static/image/foot_icon1_active.png" /> -->
            <h3>{:lang('CONTACT US')}</h3>
        </a>
    </div>

</div>
<!-- 底部导航 -->

<!-- JS here -->
<include file="public@script_mobile" />

<script>

    const toastTrigger = document.getElementById('liveToastBtn')
    const toastLiveExample = document.getElementById('liveToast')

    const toastBootstrap = bootstrap.Toast.getOrCreateInstance(toastLiveExample)

    function copyText() {
        navigator.clipboard.writeText("http:www.tsdofdsfnxcksdsad.com?dwqsadl;zcxcjpawepoasdjxkkcjzljajalsjadasd")
        toastBootstrap.show()
    }
</script>
</body>
</html>
